<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="format-detection" content="telphone=no, email=no">
    <link rel="stylesheet" href="css/common.css"/>
    <script src="js/resize.js"></script>
    <link rel="stylesheet" href="css/limitApply.css"/>
    <script src="js/jquery-3.1.0.min.js"></script>
    <title>紧急联系人</title>
</head>
<body>
<div class="layout">
    <div class="enco_main">
        <p class="liap_tit">联系人信息（家属+朋友+同事）</p>
        <ul>
            <li class="border_b">
                <span>联系人1</span>
                <input type="text" placeholder="联系人姓名"/>
            </li>
            <li class="border_b">
                <span>电话</span>
                <input type="number" placeholder="联系人电话"/>
            </li>
            <li>
                <span>所属关系</span>
                <input type="text" placeholder="您跟联系人的关系"/>
                <img src="images/arror_R_1.png" alt=""/>
                <select name="relation" class="relation1">
                    <option value="关系1">关系1</option>
                    <option value="关系2">关系2</option>
                    <option value="关系3">关系3</option>
                    <option value="关系4">关系4</option>
                </select>
            </li>
        </ul>
        <ul>
            <li class="border_b">
                <span>联系人2</span>
                <input type="text" placeholder="联系人姓名"/>
            </li>
            <li class="border_b">
                <span>电话</span>
                <input type="number" placeholder="联系人电话"/>
            </li>
            <li>
                <span>所属关系</span>
                <input type="text" placeholder="您跟联系人的关系"/>
                <img src="images/arror_R_1.png" alt=""/>
                <select name="relation" class="relation1">
                    <option value="关系1">关系1</option>
                    <option value="关系2">关系2</option>
                    <option value="关系3">关系3</option>
                    <option value="关系4">关系4</option>
                </select>
            </li>
        </ul>
        <ul>
            <li class="border_b">
                <span>联系人3</span>
                <input type="text" placeholder="联系人姓名"/>
            </li>
            <li class="border_b">
                <span>电话</span>
                <input type="number" placeholder="联系人电话"/>
            </li>
            <li>
                <span>所属关系</span>
                <input type="text" placeholder="您跟联系人的关系"/>
                <img src="images/arror_R_1.png" alt=""/>
                <select name="relation" class="relation1">
                    <option value="关系1">关系1</option>
                    <option value="关系2">关系2</option>
                    <option value="关系3">关系3</option>
                    <option value="关系4">关系4</option>
                </select>
            </li>
        </ul>
    </div>
    <div class="emco_bot">
        <p class="liapBtn">
            <a href="">保存提交</a>
        </p>
        <p class="liap_icsl">请务必保证基本信息正确</p>
    </div>
</div>
<script>
    $("select").on("change",function(){
        $(this).siblings("input").val($(this).val());
    })
</script>
</body>
</html>